<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文章详情</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/articleDetails.css">
    <script src="js/flexible.js"></script>
</head>
<body>
    <!-- 无内容时显示 -->
    <div class="no-content-div flex flex-column flex-cz-c box hidden">
        <img src="images/no-content.png" class="no-content-img">
        <p class="no-content-text">很抱歉，文章已经被删除！</p>
    </div>
    <!-- 有内容 -->
    <div class="content-div flex flex-column">
        <div class="content-head-title">这酒馆以后就我一个人来了丨ONE能音乐</div>
        <div class="content-author-time">
            <span class="content-author">ONE</span>
            <span>原创</span>
            <span>9月30日</span>
        </div>
        <div class="content-line"></div>
        <div class="content-img-div flex flex-cz-c flex-sp-c">
            <img class="content-img" src="images/article-img.png">
            <!-- <img class="no-img" src="images/no-article-img.png"> -->
        </div>
        <div class="content-text-div">
            我是我，你是们，最后我们变成我<br/>
            你是你，他是们，最后你变成你们<br/>
            ——《这酒馆以后就我一个人来了》<br/><br/>
            当我把歌词交给罐子的时候，他一笔一划抄在纸上，
            而后双手攀上琴键，旋律就这样流淌出来……
        </div>
    </div>
    <div class="box-4 flex flex-cz-c flex-sp-c">
        <button class="c-fff f-28">立即分享</button>
    </div>
</body>
</html>